<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>
    桌面小控件
    </title>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">

    <h2 class="q-title">
    桌面小控件
    </h2>
    <p class="q-content">
    【YunOS手机系统】
    <div>
    一般手机都支持桌面小控件，今天教大家怎么来使用它
    </div>
    <div><br></div>



    <h3>
    【第一步】
    </h3>
    <p class="lead">
    长按桌面空白区域
    </p>
    <div style="text-align: center;">
        <img src="0001.jpg" height="1920" width="1080" class="img-responsive"/></div>
    <div><br></div>

    <h3>
    【第二步】
    </h3>
    <p class="lead">
    点击小工具
    </p>
    <div style="text-align: center;">
        <img src="0002.jpg" height="1920" width="1080" class="img-responsive"/></div>
    <div><br></div>

    <h3>
    【第三步】
    </h3>
    <p class="lead">
    拖拽底部控件到桌面放置
    </p>
    <div style="text-align: center;">
        <img src="0003.jpg" height="1920" width="1080" class="img-responsive"/></div>
    <div><br></div>

    
    <div><font color="#008000">温馨提示：</font>桌面小控件能方便的进行快捷操作
    </div>
</div>
</div>
</body>
</html>